<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var colors = ["red","green"];

        //push() 从最后一个的后边插入元素
        var n1 = colors.push("blue");
        // 先在 colors 末尾添加一个 'blue',
        // 将 colors.push("blue") 这句代码的结果(返回值) 赋给左边的变量 n1
        // push方法 的返回值  是加入元素之后新数组的长度
        console.log(colors, n1);

        //unshift() 从第一个前边插入元素 成为第一个元素
        var n2 = colors.unshift("gread");
        // 返回值 也是新数组的长度
        console.log(colors, n2);
        
        // pop() 删除数组最后一个元素
        var n3 = colors.pop();
        console.log(colors, n3);
        // 返回值是被删除的那个元素

        // shift 删除当前数组的第一位
        var n4 = colors.shift();
        console.log(colors, n4);
        // 返回值也是呗删除的 数据

        //会改变原始数组

        //如果需要 使用返回值 那么 就用 一个变量接受一下
        // 如果不需要返回值 那么直接调用方法jike
    </script>
</body>
</html>